<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath }"></c:set>
<!DOCTYPE html>
<html lang="en" class="scroll">
<c:import url="header.jsp"></c:import>

    <body class="scroll" data-id="${match.match_id }" data-content-id="${match.match_content.content_id }">
        <div id="wrapper">

            <!-- Navigation -->
            <c:import url="nav.jsp"></c:import>

                <div id="page-wrapper" class="scroll">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-10" id="match">
                                <h2 class="text-center">比赛编辑</h2>
                                <div id="match_name">
                                    <span class="j1"></span>
                                    <label class="title" for="name">比赛名称</label>
                                    <input type="text" class="form-control" id="name" value="${match.match_name }" placeholder="比赛名称">
                                </div>
                                <div id="match_cover">
                                    <label class="title" for="cover">比赛封面</label>
                                    <div class="btn btn-primary">
                                        <input type="file" class="file-hide" id="cover"> 上传图片
                                    </div>
                                    <div class="imgPreview">
                                    	<c:if test="${!empty(match.cover)  }">
                                    		<img src="${match.cover }">
                                    	</c:if>
                                    </div>
                                </div>
                                <div id="match_last_news">
                                    <label class="title" for="last_news">最新动态</label>
                                    <textarea class="form-control" id="last_news">
                                    	${match.match_content.last_news }
                                    </textarea>
                                </div>
                                <div id="match_profile">
                                    <label class="title" for="profile">赛事简介</label>
                                    <textarea name="" id="profile" class="form-control">
                                    	${match.match_content.profile }
                                    </textarea>
                                </div>
                                <div id="match_award">
                                    <label class="title" for="award">奖项设立</label>
                                    <textarea name="" id="award" class="form-control">
                                    	${match.match_content.award }
                                    </textarea>
                                </div>
                                <div id="match_contact">
                                    <label class="title" for="contact">联系方式</label>
                                    <textarea name="" id="contact" class="form-control">
                                    	${match.match_content.contact }
                                    </textarea>
                                </div>
                                <div id="match_process">
                                    <label class="title" for="process">赛事流程</label>
                                    <textarea id="process" class="form-control">
                                    	${match.match_content.process }
                                    </textarea>
                                </div>
                                <div id="match_unit">
                                    <label class="title">主办单位、协办单位</label>
                                    <textarea name="" id="unit" class="form-control">
                                    	${match.match_content.unit }
                                    </textarea>
                                </div>
                                <div id="match_support">
                                    <label>鸣谢、广告、赞助单位</label>
                                    <textarea id="support" class="form-control">
                                    	${match.match_content.support }
                                    </textarea>
                                </div>
                                <div id="match_oparate">
                                    <span class="mb-10" id="save_btn" style="color: #fff;background-color: #337ab7;border-color: #2e6da4;display: inline-block;padding: 6px 12px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center; white-space: nowrap;vertical-align: middle;background-image: none;border: 1px solid transparent;border-radius: 4px;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;">保存</span>
                                </div>
                            </div>
                            <div class="col-md-2 nav2">
                                <nav class="nav">
                                    <ul class="list">
                                        <li><a href="#match_name" title="比赛名称">比赛名称</a></li>
                                        <li><a href="#match_cover" title="比赛封面">比赛封面</a></li>
                                        <li><a href="#match_last_news" title="最新动态">最新动态</a></li>
                                        <li><a href="#match_profile" title="赛事简介">赛事简介</a></li>
                                        <li><a href="#match_award" title="奖项设立">奖项设立</a></li>
                                        <li><a href="#match_contact" title="联系方式">联系方式</a></li>
                                        <li><a href="#match_process" title="赛事流程">赛事流程</a></li>
                                        <li><a href="#match_unit" title="主办单位">主办单位</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /#page-wrapper -->
        </div>
         <c:import url="footer.jsp"></c:import>
            <script src="${ctx }/js/fileReader.js"></script>
            <script src="${ctx }/js/match.js"></script>
    </body>

</html>